<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="utf-8"/>
    <title>管理系统</title>

    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}"/>
    <link rel="stylesheet" th:href="@{/font-awesome/4.5.0/css/font-awesome.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/fonts.googleapis.com.css}"/>
    <link rel="stylesheet" th:href="@{/css/ace.min.css}" class="ace-main-stylesheet" id="main-ace-style"/>
    <link rel="stylesheet" th:href="@{/css/ace-part2.min.css}" class="ace-main-stylesheet"/>
    <link rel="stylesheet" th:href="@{/css/ace-skins.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/ace-rtl.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/ace-ie.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/bootstrap-fileinput.css}"/>
    <link rel="stylesheet" th:href="@{/css/bootstrap-datetimepicker.min.css}"/>
    <script th:src="@{/js/ace-extra.min.js}"></script>
    <script th:src="@{/js/html5shiv.min.js}"></script>
    <script th:src="@{/js/respond.min.js}"></script>
</head>
<style>
    .form-control{
        color: black;
        /*font-weight: bold;*/
        font-family: "Courier New", Courier, monospace;
    }
</style>
<body class="no-skin">
<!--头导航栏-->
<div th:replace="common/bar::#navbar"></div>
<div class="main-container ace-save-state" id="main-container">
    <script type="text/javascript">
        try {
            ace.settings.loadState('main-container')
        } catch (e) {
        }
    </script>
    <!-- 侧导航栏 -->
    <div th:replace="common/bar::#sidebar"></div>
    <div class="main-content">
        <div class="main-content-inner">
            <div class="breadcrumbs ace-save-state" id="breadcrumbs">
                <ul class="breadcrumb">
                    <li>
                        <i class="ace-icon fa fa-home home-icon"></i>
                        <a href="#">sys</a>
                    </li>
                    <li class="active">index</li>
                </ul><!-- /.breadcrumb -->
            </div>
            <div class="modal fade" id="select_auditor_modal">
                <div class="modal-dialog modal-sm">
                    <div class="modal-content">
                        <!-- 模态框头部 -->
                        <div class="modal-header">
                            <h4 class="modal-title">选择审核签发员</h4>
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div>
                        <!-- 模态框主体 -->
                        <div class="modal-body row">
                            <div class="col-sm-6">
                                <p>审核员</p>
                                <select class="chosen-select form-control" id="selectShy">
                                    <option th:each="shy:${shys}"
                                            th:value="${shy?.userId}">
                                        [[${shy?.holder}]]
                                    </option>
                                </select>
                            </div>
                            <div class="col-sm-6">
                                <p>签发员</p>
                                <select class="chosen-select form-control" id="selectQfy">
                                    <option th:each="qfy:${qfys}"
                                            th:value="${qfy?.userId}">
                                        [[${qfy?.holder}]]
                                    </option>
                                </select>
                            </div>
                        </div>
                        <!-- 模态框底部 -->
                        <div class="modal-footer">
                            <button type="button" class="btn btn-success" id="submitSelectModal" data-dismiss="modal">
                                提交
                            </button>
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="page-content">
                <div class="widget-box">
                    <div class="widget-header">
                        <h4 class="widget-title" style="color: black">非道路移动柴油机械检测原始记录</h4>
                        <input type="text" id="vorId" hidden="hidden">
                    </div>
                    <div class="widget-body">
                        <div class="widget-main no-padding">
                            <form class="form-horizontal" role="form">
                                <fieldset>
                                    <div class="form-group">
                                        <label for="bgbh" class="col-sm-1 control-label">报告编号</label>
                                        <div class="col-sm-5">
                                            <input type="text" class="form-control vor-content" id="bgbh"
                                                   placeholder="报告编号">
                                        </div>
                                        <label for="jcrq" class="col-sm-1 control-label">检测日期</label>
                                        <div class="col-sm-5">
                                            <div class="input-group">
                                                <input id="jcrq" class="form-control"
                                                       type="text" placeholder="检测日期"/>
                                                <span class="input-group-addon">
                                                                <i class="fa fa-calendar bigger-110"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="form-group">
                                        <label for="wtDw" class="col-sm-1 control-label">委托单位</label>
                                        <div class="col-sm-5">
                                            <input class="form-control" id="wtDw" placeholder="委托单位"/>
                                        </div>
                                        <label for="wtLxr" class="col-sm-1 control-label">联系人</label>
                                        <div class="col-sm-5">
                                            <input type="text" class="form-control" id="wtLxr"
                                                   placeholder="联系人">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="wtDwdz" class="col-sm-1 control-label">委托单位地址</label>
                                        <div class="col-sm-5">
                                            <input type="text" class="form-control" id="wtDwdz"
                                                   placeholder="委托单位地址">
                                        </div>
                                        <label for="wtLxfs" class="col-sm-1 control-label">联系方式</label>
                                        <div class="col-sm-5">
                                            <input type="text" class="form-control" id="wtLxfs"
                                                   placeholder="联系方式">
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="form-group">
                                        <label for="cyz" class="col-sm-1 control-label">持有者</label>
                                        <div class="col-sm-5">
                                            <input type="text" class="form-control" id="cyz"
                                                   placeholder="持有者">
                                        </div>
                                        <label for="cyzLxr" class="col-sm-1 control-label">联系人</label>
                                        <div class="col-sm-5">
                                            <input type="text" class="form-control" id="cyzLxr"
                                                   placeholder="联系人">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="cyzDz" class="col-sm-1 control-label">持有者地址</label>
                                        <div class="col-sm-5">
                                            <input type="text" class="form-control" id="cyzDz"
                                                   placeholder="持有者地址">
                                        </div>
                                        <label for="cyzLxfs" class="col-sm-1 control-label">联系方式</label>
                                        <div class="col-sm-5">
                                            <input type="text" class="form-control" id="cyzLxfs"
                                                   placeholder="联系方式">
                                        </div>
                                    </div>
                                </fieldset>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="widget-box">
                    <div class="widget-header">
                        <h4 class="widget-title" style="color: black">设备基本信息</h4>
                    </div>
                    <div class="widget-body">
                        <div class="widget-main no-padding">
                            <form class="form-horizontal" role="form">
                                <fieldset>
                                    <div class="form-group">
                                        <label for="sbjbJxmc" class="col-sm-1 control-label">机械名称</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="sbjbJxmc"
                                                   placeholder="机械名称">
                                        </div>
                                        <label for="sbjbJxhp" class="col-sm-1 control-label">机械牌号</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="sbjbJxhp"
                                                   placeholder="机械牌号">
                                        </div>
                                        <label for="sbjbJxxh" class="col-sm-1 control-label">机械型号</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="sbjbJxxh"
                                                   placeholder="机械型号">
                                        </div>
                                        <label for="sbjbJxbm" class="col-sm-1 control-label">机械编码 <br> 机械环保码</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="sbjbJxbm"
                                                   placeholder="机械编码/机械环保码">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="sbjbSccj" class="col-sm-1 control-label">生产厂家</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="sbjbSccj"
                                                   placeholder="生产厂家">
                                        </div>
                                        <label for="sbjbJxpp" class="col-sm-1 control-label">机械品牌</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="sbjbJxpp"
                                                   placeholder="机械品牌">
                                        </div>
                                        <label for="sbjbSbys" class="col-sm-1 control-label">设备颜色</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="sbjbSbys"
                                                   placeholder="设备颜色">
                                        </div>
                                        <label for="sbjbCcsj" class="col-sm-1 control-label">出厂时间</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="sbjbCcsj"
                                                   placeholder="出厂时间">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="sbjbJxlx" class="col-sm-1 control-label">机械类型</label>
                                        <div class="col-sm-2">
                                            <select class="form-control" id="sbjbJxlx">
                                                <option value="非道路移动柴油机械">非道路移动柴油机械</option>
                                                <option value="车载柴油机">车载柴油机</option>
                                            </select>
                                        </div>
                                        <label for="sbjbSblx" class="col-sm-1 control-label">设备类型</label>
                                        <div class="col-sm-2">
                                            <select class="form-control" id="sbjbSblx">
                                                <option value="在用">在用</option>
                                                <option value="新生产">新生产</option>
                                                <option value="进口">进口</option>
                                            </select>
                                        </div>
                                        <label for="sbjbHclxt" class="col-sm-1 control-label">后处理系统</label>
                                        <div class="col-sm-2">
                                            <select class="form-control" id="sbjbHclxt">
                                                <option value="喷油泵">喷油泵</option>
                                                <option value="ECU">ECU</option>
                                                <option value="催化转化器">催化转化器</option>
                                                <option value="增压器">增压器</option>
                                                <option value="POC">POC</option>
                                                <option value="进气消声器">进气消声器</option>
                                                <option value="喷油器">喷油器</option>
                                                <option value="OBD">OBD</option>
                                                <option value="排气消声器">排气消声器</option>
                                                <option value="中冷器">中冷器</option>
                                                <option value="DPF">DPF</option>
                                                <option value="空气滤清器">空气滤清器</option>
                                                <option value="SCR">SCR</option>
                                                <option value="无">无</option>
                                            </select>
                                        </div>
                                        <label for="sbjbGztx" class="col-sm-1 control-label">工作特性</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="sbjbGztx"
                                                   placeholder="工作特性">
                                        </div>
                                    </div>
                                </fieldset>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="widget-box">
                    <div class="widget-header">
                        <h4 class="widget-title" style="color: black">发动机信息</h4>
                    </div>
                    <div class="widget-body">
                        <div class="widget-main no-padding">
                            <form class="form-horizontal" role="form">
                                <fieldset>
                                    <div class="form-group">
                                        <label for="fdjSccj" class="col-sm-1 control-label">生产厂家</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="fdjSccj"
                                                   placeholder="生产厂家">
                                        </div>
                                        <label for="fdjXh" class="col-sm-1 control-label">型号/规格</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="fdjXh"
                                                   placeholder="型号/规格">
                                        </div>
                                        <label for="fdjCcbh" class="col-sm-1 control-label">出厂编号</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="fdjCcbh"
                                                   placeholder="出厂编号">
                                        </div>
                                        <label for="fdjCcsj" class="col-sm-1 control-label">出厂时间</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="fdjCcsj"
                                                   placeholder="出厂时间">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="fdjEdjgl" class="col-sm-1 control-label">额定净功率(KW)</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="fdjEdjgl"
                                                   placeholder="额定净功率(KW)">
                                        </div>
                                        <label for="fdjEdzs" class="col-sm-1 control-label">额定转速(r/min)</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="fdjEdzs"
                                                   placeholder="额定转速(r/min)">
                                        </div>
                                        <label for="fdjRlxh" class="col-sm-1 control-label">燃料型号</label>
                                        <div class="col-sm-2">
                                            <select class="form-control" id="fdjRlxh">
                                                <option value="柴油">柴油</option>
                                                <option value="汽油">汽油</option>
                                                <option value="纯电动">纯电动</option>
                                                <option value="天然气">天然气</option>
                                                <option value="液化气">液化气</option>
                                                <option value="混动">混动</option>
                                                <option value="其他">其他</option>
                                            </select>
                                        </div>
                                        <label for="fdjPfjd" class="col-sm-1 control-label">排放阶段</label>
                                        <div class="col-sm-2">
                                            <select class="form-control" id="fdjPfjd">
                                                <option value="I">I</option>
                                                <option value="II">II</option>
                                                <option value="III">III</option>
                                                <option value="III以上">III以上</option>
                                                <option value="无">无</option>
                                            </select>
                                        </div>
                                    </div>
                                </fieldset>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="widget-box">
                    <div class="widget-header">
                        <h4 class="widget-title" style="color: black">检测信息</h4>
                    </div>
                    <div class="widget-body">
                        <div class="widget-main no-padding">
                            <form class="form-horizontal" role="form">
                                <fieldset>
                                    <div class="form-group">
                                        <label for="jcxxJcyj" class="col-sm-1 control-label">检测依据</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="jcxxJcyj" disabled>
                                        </div>
                                        <label for="jcxxJcff" class="col-sm-1 control-label">检测方法</label>
                                        <div class="col-sm-2">
                                            <select class="form-control" id="jcxxJcff">
                                                <option value="自由加速不透光烟度法">自由加速不透光烟度法</option>
                                                <option value="自由加载不透光烟度法">自由加载不透光烟度法</option>
                                            </select>
                                        </div>
                                        <label for="jcxxJclb" class="col-sm-1 control-label">检测类别</label>
                                        <div class="col-sm-2">
                                            <select class="form-control" id="jcxxJclb">
                                                <option value="首检">首检</option>
                                                <option value="复检">复检</option>
                                                <option value="定检">定检</option>
                                            </select>
                                        </div>
                                        <label for="jcxxJccs" class="col-sm-1 control-label">检测参数</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="jcxxJccs"
                                                    disabled>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="jcxxKssj" class="col-sm-1 control-label">开始时间</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="jcxxKssj"
                                                   placeholder="开始时间">
                                        </div>
                                        <label for="jcxxJssj" class="col-sm-1 control-label">结束时间</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="jcxxJssj"
                                                   placeholder="结束时间">
                                        </div>
                                        <label for="jcxxJcdd" class="col-sm-1 control-label">检测地点</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="jcxxJcdd"
                                                   placeholder="检测地点">
                                        </div>
                                        <label for="jcxxSsqy" class="col-sm-1 control-label">所属区域</label>
                                        <div class="col-sm-2">
                                            <select class="form-control" id="jcxxSsqy">
                                                <option value="禁止高排区">禁止高排区</option>
                                                <option value="非禁止高排区">非禁止高排区</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="jcxxWd" class="col-sm-1 control-label">温度(℃)</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="jcxxWd"
                                                   placeholder="温度(℃)">
                                        </div>
                                        <label for="jcxxXdsd" class="col-sm-1 control-label">相对湿度(%)</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="jcxxXdsd"
                                                   placeholder="相对湿度(%)">
                                        </div>
                                        <label for="jcxxDqyl" class="col-sm-1 control-label">大气压力(kPa)</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="jcxxDqyl"
                                                   placeholder="大气压力(kPa)">
                                        </div>
                                        <label for="jcxxHbgd" class="col-sm-1 control-label">海拔高度(m)</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="jcxxHbgd"
                                                   placeholder="海拔高度(m)">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="jcxxJcry" class="col-sm-1 control-label">检测人员</label>
                                        <div class="col-sm-11">
                                            <input type="text" class="form-control" id="jcxxJcry"
                                                   placeholder="检测人员">
                                        </div>
                                    </div>
                                </fieldset>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="widget-box">
                    <div class="widget-header">
                        <h4 class="widget-title" style="color: black">检测数据</h4>
                    </div>
                    <div class="widget-body">
                        <div class="widget-main no-padding">
                            <form class="form-horizontal" role="form">
                                <fieldset>
                                    <div class="form-group">
                                        <label for="jcsjClz1" class="col-sm-1 control-label">测量值1</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="jcsjClz1"
                                                   placeholder="测量值1">
                                        </div>
                                        <label for="jcsjClz2" class="col-sm-1 control-label">测量值2</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="jcsjClz2"
                                                   placeholder="测量值2">
                                        </div>
                                        <label for="jcsjJzgpqy" class="col-sm-1 control-label">禁止高排区域</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="jcsjJzgpqy"
                                                   placeholder="禁止高排区域">
                                        </div>
                                        <label for="jcsjJcjg" class="col-sm-1 control-label">检测结果</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="jcsjJcjg"
                                                   placeholder="检测结果">
                                        </div>

                                    </div>
                                    <div class="form-group">
                                        <label for="jcsjClz3" class="col-sm-1 control-label">测量值3</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="jcsjClz3"
                                                   placeholder="测量值3">
                                        </div>
                                        <label for="jcsjPjz" class="col-sm-1 control-label">平均值</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="jcsjPjz"
                                                   placeholder="平均值">
                                        </div>
                                        <label for="jcsjFjzgpq" class="col-sm-1 control-label">非禁止高排区域</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="jcsjFjzgpq"
                                                   placeholder="非禁止高排区域">
                                        </div>
                                        <label for="jcsjFjcjg" class="col-sm-1 control-label">检测结果</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="jcsjFjcjg"
                                                   placeholder="检测结果">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="jcsjZs" class="col-sm-1 control-label">转速(r/min)</label>
                                        <div class="col-sm-5">
                                            <input type="text" class="form-control" id="jcsjZs"
                                                   placeholder="转速(r/min)">
                                        </div>
                                        <label for="jcsjYqhd" class="col-sm-1 control-label">烟气黑度</label>
                                        <div class="col-sm-5">
                                            <input type="text" class="form-control" id="jcsjYqhd"
                                                   placeholder="烟气黑度">
                                        </div>
                                    </div>
                                </fieldset>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="widget-box">
                    <div class="widget-header">
                        <h4 class="widget-title" style="color: black">主要设备信息</h4>
                    </div>
                    <div class="widget-body">
                        <div class="widget-main no-padding">
                            <form role="form">
                                <fieldset>
                                    <div class="form-group text-center">
                                        <label for="bgbh" class="col-sm-2 control-label">设备名称</label>
                                        <label for="jcrq" class="col-sm-2 control-label">设备编号</label>
                                        <label for="bgbh" class="col-sm-2 control-label">型号规格</label>
                                        <label for="jcrq" class="col-sm-2 control-label">溯源单位</label>
                                        <label for="bgbh" class="col-sm-2 control-label">证书编号</label>
                                        <label for="jcrq" class="col-sm-2 control-label">有效期至</label>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-2">
                                            <input class="chosen-select form-control" disabled
                                                    id="zysbSbmc" placeholder="" th:value="${device?.getDeviceName()}"/>
                                        </div>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="zysbSbbh" disabled
                                                   placeholder="" th:value="${device?.getDeviceNumber()}">
                                        </div>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="zysbXhgg" disabled
                                                   placeholder="" th:value="${device?.getSpecification()}">
                                        </div>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="zysbSydw" disabled
                                                   placeholder="" th:value="${device?.getRootCompany()}">
                                        </div>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="zysbZsbh" disabled
                                                   placeholder="" th:value="${device?.getZsbh()}">
                                        </div>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="zysbYxqz" disabled
                                                   placeholder="" th:value="${device?.getYxqz()}">
                                        </div>
                                    </div>
                                </fieldset>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="widget-box">
                    <div class="widget-header">
                        <h4 class="widget-title" style="color: black">照片</h4>
                    </div>
                    <div class="widget-body">
                        <div class="widget-main no-padding">
                            <div class="row text-center" style="font-size: 17px">
                                <div class="col-sm-6">
                                    机械整体照片
                                </div>
                                <div class="col-sm-6">
                                    设备检测照片
                                </div>
                            </div>
                            <form role="form">
                                <fieldset>
                                    <div class="form-group ">
                                        <div class="col-sm-6 center-block">
                                            <input type="file" class="form-control" id="zpJxzt">
                                        </div>
                                        <div class="col-sm-6 center-block">
                                            <input type="file" class="form-control" id="zpSbjc">
                                        </div>
                                    </div>
                                </fieldset>
                            </form>
                            <div class="row text-center" style="font-size: 17px">
                                <div class="col-sm-6">
                                    车辆铭牌照片
                                </div>
                                <div class="col-sm-6">
                                    发动机铭牌照片
                                </div>
                            </div>
                            <form role="form">
                                <fieldset>
                                    <div class="form-group ">
                                        <div class="col-sm-6 center-block">
                                            <input type="file" class="form-control" id="zpClmp">
                                        </div>
                                        <div class="col-sm-6 center-block">
                                            <input type="file" class="form-control" id="zpFdjmp">
                                        </div>
                                    </div>
                                </fieldset>
                            </form>
                            <div class="row text-center" style="font-size: 17px">
                                <div class="col-sm-6">
                                    后处理装置照片
                                </div>
                                <div class="col-sm-6">
                                    检测结果照片
                                </div>
                            </div>
                            <form role="form">
                                <fieldset>
                                    <div class="form-group ">
                                        <div class="col-sm-6 center-block">
                                            <input type="file" class="form-control" id="zpHclzz"/>
                                        </div>
                                        <div class="col-sm-6 center-block">
                                            <input type="file" class="form-control" id="zpJcjg">
                                        </div>
                                    </div>
                                </fieldset>
                                <div class="form-actions text-right">
<!--                                    <button type="button" class="btn btn-lg btn-success"-->
<!--                                            onclick="vor_submit()">-->
<!--                                        提交-->
<!--                                        <i class="ace-icon fa fa-arrow-right icon-on-right bigger-110"></i>-->
<!--                                    </button>-->
                                    <button type="button" class="btn btn-lg btn-info"
                                            onclick="vor_save()">
                                        保存/修改
                                        <i class="ace-icon fa fa-arrow-right icon-on-right bigger-110"></i>
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->

    <div class="footer">
        <div class="footer-inner">
            <div class="footer-content">
                <span class="bigger-120">
                    <span class="blue bolder">Ace</span>
                    管理系统 &copy; 2020
                </span>
            </div>
        </div>
    </div>

    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
        <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
    </a>
</div><!-- /.main-container -->
<script th:src="@{/js/jquery-2.1.4.min.js}"></script>
<script th:src="@{/js/jquery-1.11.3.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/ace-elements.min.js}"></script>
<script th:src="@{/js/ace.min.js}"></script>
<script th:src="@{/js/bootstrap-fileinput.js}"></script>
<script th:src="@{/js/bootstrap-datepicker.min.js}"></script>
<script th:src="@{/js/locales/bootstrap-datepicker.zh-CN.min.js}"></script>
<script>
    $(function () {
        $("#jcxxJccs").val("光吸收系数");
        $("#jcxxJcyj").val("GB 36886-2018");
    });
    var image_map = {};
    $("[type='file']").change(function () {
        var file = this.files[0];
        var key = this.id;
        if (file == null) {
            delete image_map[key];
            return;
        }
        var reader = new FileReader();
        reader.readAsDataURL(file);
        reader.onload = function (e) {
            image_map[key] = this.result;
        }
    });

    /**
     * 获取值封装
     */
    function data_load() {
        var data = JSON.stringify({
            vorId: $("#vorId").val(),
            bgbh: $("#bgbh").val(),
            jcrq: $("#jcrq").val(),
            wtDw: $("#wtDw").val(),
            wtLxr: $("#wtLxr").val(),
            wtDwdz: $("#wtDwdz").val(),
            wtLxfs: $("#wtLxfs").val(),
            cyz: $("#cyz").val(),
            cyzLxr: $("#cyzLxr").val(),
            cyzDz: $("#cyzDz").val(),
            cyzLxfs: $("#cyzLxfs").val(),
            sbjbJxmc: $("#sbjbJxmc").val(),
            sbjbJxhp: $("#sbjbJxhp").val(),
            sbjbJxxh: $("#sbjbJxxh").val(),
            sbjbJxbm: $("#sbjbJxbm").val(),
            sbjbSccj: $("#sbjbSccj").val(),
            sbjbJxpp: $("#sbjbJxpp").val(),
            sbjbSbys: $("#sbjbSbys").val(),
            sbjbCcsj: $("#sbjbCcsj").val(),
            sbjbJxlx: $("#sbjbJxlx").val(),
            sbjbSblx: $("#sbjbSblx").val(),
            sbjbHclxt: $("#sbjbHclxt").val(),
            sbjbGztx: $("#sbjbGztx").val(),
            fdjSccj: $("#fdjSccj").val(),
            fdjXh: $("#fdjXh").val(),
            fdjCcbh: $("#fdjCcbh").val(),
            fdjCcsj: $("#fdjCcsj").val(),
            fdjEdjgl: $("#fdjEdjgl").val(),
            fdjEdzs: $("#fdjEdzs").val(),
            fdjRlxh: $("#fdjRlxh").val(),
            fdjPfjd: $("#fdjPfjd").val(),
            jcxxJcyj: $("#jcxxJcyj").val(),
            jcxxJcff: $("#jcxxJcff").val(),
            jcxxJclb: $("#jcxxJclb").val(),
            jcxxJccs: $("#jcxxJccs").val(),
            jcxxKssj: $("#jcxxKssj").val(),
            jcxxJssj: $("#jcxxJssj").val(),
            jcxxJcdd: $("#jcxxJcdd").val(),
            jcxxSsqy: $("#jcxxSsqy").val(),
            jcxxWd: $("#jcxxWd").val(),
            jcxxXdsd: $("#jcxxXdsd").val(),
            jcxxDqyl: $("#jcxxDqyl").val(),
            jcxxHbgd: $("#jcxxHbgd").val(),
            jcxxJcry: $("#jcxxJcry").val(),
            jcsjClz1: $("#jcsjClz1").val(),
            jcsjClz2: $("#jcsjClz2").val(),
            jcsjClz3: $("#jcsjClz3").val(),
            jcsjPjz: $("#jcsjPjz").val(),
            jcsjJzgpqy: $("#jcsjJzgpqy").val(),
            jcsjJcjg: $("#jcsjJcjg").val(),
            jcsjFjzgpq: $("#jcsjFjzgpq").val(),
            jcsjFjcjg: $("#jcsjFjcjg").val(),
            jcsjZs: $("#jcsjZs").val(),
            jcsjYqhd: $("#jcsjYqhd").val(),
            zysbSbbh: $("#zysbSbbh").val(),
            zysbXhgg: $("#zysbXhgg").val(),
            zysbSbmc: $("#zysbSbmc").val(),
            zysbSydw: $("#zysbSydw").val(),
            zysbYqhd: $("#zysbYqhd").val(),
            zysbZsbh: $("#zysbZsbh").val(),
            zysbYxqz: $("#zysbYxqz").val(),
            zpJxzt: image_map["zpJxzt"],
            zpSbjc: image_map["zpSbjc"],
            zpClmp: image_map["zpClmp"],
            zpFdjmp: image_map["zpFdjmp"],
            zpHclzz: image_map["zpHclzz"],
            zpJcjg: image_map["zpJcjg"]
        });
        return data;
    }

    // function vor_submit() {
    //     $("#select_auditor_modal").modal("show");
    //     var data =data_load();
    //     $("#submitSelectModal").click(function () {
    //         var shyId = $("#selectShy").val();
    //         var qfyId = $("#selectQfy").val();
    //         $.ajax({
    //             url: "/vor/submit",
    //             type: "post",
    //             contentType: "application/json;charset=utf-8",
    //             data: data,
    //             success: function (result) {
    //                 alert(result.message);
    //                 window.location.href = "/vor/submit-view?vid=" + result.data;
    //             }
    //         });
    //     });
    // }

    function vor_save() {
        var data = data_load();
        $.ajax({
            url: "/vor/save",
            type: "post",
            contentType: "application/json;charset=utf-8",
            data: data,
            success: function (result) {
                alert(result.message);
                if(result.code == 200){
                    window.location.href = "/vor/submit-view?vid=" + result.data;
                }
            }
        });
    }
</script>
<script th:inline="javascript">
    if ([[${vor}]] != null) {
        $("#vorId").val([[${vor?.vorId}]]);
        $("#bgbh").val([[${vor?.bgbh}]]);
        $("#jcrq").val([[${vor?.jcrq}]]);
        $("#wtDw").val([[${vor?.wtDw}]]);
        $("#wtLxr").val([[${vor?.wtLxr}]]);
        $("#wtDwdz").val([[${vor?.wtDwdz}]]);
        $("#wtLxfs").val([[${vor?.wtLxfs}]]);
        $("#cyz").val([[${vor?.cyz}]]);
        $("#cyzLxr").val([[${vor?.cyzLxr}]]);
        $("#cyzDz").val([[${vor?.cyzDz}]]);
        $("#cyzLxfs").val([[${vor?.cyzLxfs}]]);
        $("#sbjbJxmc").val([[${vor?.sbjbJxmc}]]);
        $("#sbjbJxhp").val([[${vor?.sbjbJxhp}]]);
        $("#sbjbJxxh").val([[${vor?.sbjbJxxh}]]);
        $("#sbjbJxbm").val([[${vor?.sbjbJxbm}]]);
        $("#sbjbSccj").val([[${vor?.sbjbSccj}]]);
        $("#sbjbJxpp").val([[${vor?.sbjbJxpp}]]);
        $("#sbjbSbys").val([[${vor?.sbjbSbys}]]);
        $("#sbjbCcsj").val([[${vor?.sbjbCcsj}]]);
        $("#sbjbJxlx").val([[${vor?.sbjbJxlx}]]).attr("selected",true);
        $("#sbjbSblx").val([[${vor?.sbjbSblx}]]).attr("selected",true);
        $("#sbjbHclxt").val([[${vor?.sbjbHclxt}]]).attr("selected",true);
        $("#sbjbGztx").val([[${vor?.sbjbGztx}]]);
        $("#fdjSccj").val([[${vor?.fdjSccj}]]);
        $("#fdjXh").val([[${vor?.fdjXh}]]);
        $("#fdjCcbh").val([[${vor?.fdjCcbh}]]);
        $("#fdjCcsj").val([[${vor?.fdjCcsj}]]);
        $("#fdjEdjgl").val([[${vor?.fdjEdjgl}]]);
        $("#fdjEdzs").val([[${vor?.fdjEdzs}]]);
        $("#fdjRlxh").val([[${vor?.fdjRlxh}]]).attr("selected",true);
        $("#fdjPfjd").val([[${vor?.fdjPfjd}]]).attr("selected",true);
        $("#jcxxJcyj").val([[${vor?.jcxxJcyj}]]);
        $("#jcxxJcff").val([[${vor?.jcxxJcff}]]).attr("selected",true);
        $("#jcxxJclb").val([[${vor?.jcxxJclb}]]).attr("selected",true);
        $("#jcxxJccs").val([[${vor?.jcxxJccs}]]);
        $("#jcxxKssj").val([[${vor?.jcxxKssj}]]);
        $("#jcxxJssj").val([[${vor?.jcxxJssj}]]);
        $("#jcxxJcdd").val([[${vor?.jcxxJcdd}]]);
        $("#jcxxSsqy").val([[${vor?.jcxxSsqy}]]).attr("selected",true);
        $("#jcxxWd").val([[${vor?.jcxxWd}]]);
        $("#jcxxXdsd").val([[${vor?.jcxxXdsd}]]);
        $("#jcxxDqyl").val([[${vor?.jcxxDqyl}]]);
        $("#jcxxHbgd").val([[${vor?.jcxxHbgd}]]);
        $("#jcxxJcry").val([[${vor?.jcxxJcry}]]);
        $("#jcsjClz1").val([[${vor?.jcsjClz1}]]);
        $("#jcsjClz2").val([[${vor?.jcsjClz2}]]);
        $("#jcsjClz3").val([[${vor?.jcsjClz3}]]);
        $("#jcsjPjz").val([[${vor?.jcsjPjz}]]);
        $("#jcsjJzgpqy").val([[${vor?.jcsjJzgpqy}]]);
        $("#jcsjJcjg").val([[${vor?.jcsjJcjg}]]);
        $("#jcsjFjzgpq").val([[${vor?.jcsjFjzgpq}]]);
        $("#jcsjFjcjg").val([[${vor?.jcsjFjcjg}]]);
        $("#jcsjZs").val([[${vor?.jcsjZs}]]);
        $("#jcsjYqhd").val([[${vor?.jcsjYqhd}]]);
        // $("#zysbSbbh").val([[${vor?.zysbSbbh}]]);
        // $("#zysbSbmc").val([[${vor?.zysbSbmc}]]);
        // $("#zysbXhgg").val([[${vor?.zysbXhgg}]]);
        // $("#zysbSydw").val([[${vor?.zysbSydw}]]);
        // $("#zysbYqhd").val([[${vor?.zysbYqhd}]]);
        // $("#zysbZsbh").val([[${vor?.zysbZsbh}]]);
        // $("#zysbYxqz").val([[${vor?.zysbYxqz}]]);
        image_map["zpJxzt"] = [[${vor?.zpJxzt}]];
        image_map["zpSbjc"] = [[${vor?.zpSbjc}]];
        image_map["zpClmp"] = [[${vor?.zpClmp}]];
        image_map["zpFdjmp"] = [[${vor?.zpFdjmp}]];
        image_map["zpHclzz"] = [[${vor?.zpHclzz}]];
        image_map["zpJcjg"] = [[${vor?.zpJcjg}]];
    }
    image_load("zpJxzt");
    image_load("zpSbjc");
    image_load("zpClmp");
    image_load("zpFdjmp");
    image_load("zpHclzz");
    image_load("zpJcjg");

    /**
     * 时间填充
     */
    $("#jcrq").datepicker({
        language: 'zh-CN',
        autoclose: true,
        format: 'yyyy.mm.dd'
    });

    /**
     * 图片加载
     * @param zpId
     */
    function image_load(zpId) {
        console.log(image_map[zpId]);
        if ("" == image_map[zpId] || null == image_map[zpId]) {
            $("#" + zpId).fileinput({
                language: "zh", //设置语言
                allowedFileExtensions: ["jpg", "png", "gif"],//接收的文件后缀,
                maxFileCount: 1,
                enctype: "multipart/form-data",
                maxFileSize: 2048,   //设置文件最大不超过 2M
                showCaption: true,//是否显示标题
                showUpload: false,  //不显示上传按钮
                browseClass: "btn btn-primary", //按钮样式
            });
        } else {
            $("#" + zpId).fileinput({
                language: "zh", //设置语言
                allowedFileExtensions: ["jpg", "png", "gif"],//接收的文件后缀,
                maxFileCount: 1,
                enctype: "multipart/form-data",
                maxFileSize: 2048,   //设置文件最大不超过 2M
                showCaption: true,//是否显示标题
                showUpload: false,  //不显示上传按钮
                browseClass: "btn btn-primary", //按钮样式
                initialPreview: [
                    "<img src=" + image_map[zpId] + " class='file-preview-image' title='jpg' alt='jpg' style='width:auto;height:160px;'>"
                ]
            });
        }
    }
</script>
<script>
    // $("#zysbSbmc").change(function () {
    //     if($(this).val() == 0){
    //         $("#zysbSbbh").val("");
    //         $("#zysbXhgg").val("");
    //         $("#zysbSydw").val("");
    //         $("#zysbZsbh").val("");
    //         $("#zysbYxqz").val("");
    //     }
    //     $.ajax({
    //         url:"/device/get?deviceId="+$(this).val(),
    //         method:"get",
    //         success:function (res) {
    //             $("#zysbSbbh").val(res.deviceNumber);
    //             $("#zysbXhgg").val(res.specification);
    //             $("#zysbSydw").val(res.rootCompany);
    //             $("#zysbZsbh").val(res.zsbh);
    //             $("#zysbYxqz").val(res.yxqz);
    //         }
    //     })
    // });
</script>
</body>
</html>